<template>
	<view class="page">
		<block v-if="submitSuccess">
			<top-detail></top-detail>
			<view class="submit">
				提交
			</view>
		</block>
		<block v-else>
			<view class="tickSuccess">
				<image src="../../static/icon/tick.png" mode=""></image>
				<text class="subtitel">提交成功</text>
			</view>
			<view class="btn btn_refuse" @tap="submitSuccess=!submitSuccess">
				返回工单中心
			</view>
		</block>

	</view>
</template>

<script>
	import topDetail from '@/components/top_detail.vue'
	export default {
		components: {
			topDetail
		},
		data() {
			return {
				submitSuccess: false
			};
		},
		methods:{
			//提交评价
			submitReport() {
				this.submitSuccess = !this.submitSuccess
			}
		}
	}
</script>

<style lang="scss" scoped>
	.btn {
		border-radius: 46rpx;
		height: 92rpx;
		line-height: 92rpx;
		text-align: center;
	}
	
	.btn_refuse{
		margin: 150rpx 0 50rpx;
		background: #FFFFFF;
		opacity: 0.59;
		color: #4252CD;
		border: 2rpx solid #4252CD;
	}
	.subtitel {
		font-size: 32rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #4252CD;
		line-height: 44rpx;
		margin-top: 60rpx;
	}
	
	.tickSuccess {
		padding-top: 354rpx;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
	
		image {
			width: 154rpx;
			height: 154rpx;
		}
	}
	.submit {
		margin: 80rpx 0;
		height: 92rpx;
		background: #4252CD;
		border-radius: 46rpx;
		text-align: center;
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 92rpx;
	}

	.page {
		padding: 0 30rpx;
	}
</style>
